<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/detail.css">
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/libs/font_6u7nsm6xut9/iconfont.css">
</head>

<body>
    <div class="header"></div>
    <div class="main">
        <div class="main-section">
            <div class="main-section-detail" id="shop-detail">

            </div>
            <script type="text/html" id="detailTemplate">
                <p>首页>商品详情</p>
                <div class="main-section-detail-shop">
                    <div class="shop-img">
                        <img src={{image}} id="shop-img">
                    </div>
                    <div class="shop-description">
                        <h4>{{title.slice(0,10)}}</h4>
                        <div class="shop-description-price">
                            <div class="shop-price">
                                <span>价<i></i>格</span>
                                <b>￥{{price}}</b>
                            </div>
                            <div class="shop-other">
                                <span>￥{{originPrice}}</span>
                                <span>限时抢购</span>
                                <p>5斤装</p>
                            </div>
                            <div class="shop-right">
                                <p>
                                    <i>可获得<span>29</span>积分<i>
                                    <span class="iconfont icon-bangzhu"></span>
                                </p>
                            </div>
                        </div>
                        <div class="shop-otherSize">
                            <span>其他规格</span>
                            <i>
                                <span>￥{{price}}</span>
                                <span>5斤装</span>
                            </i>
                            </div>
                            <div class="shop-num">
                                <span>已有<i>{{saleNum}}</i>人购买</span>
                                <span>|</span>
                                <span>共有<i>24</i>条评论</span>
                            </div>
                            <div class="shop-purchase">
                                <span>购<i></i>买</span>
                                <input type="number" value='1'>
                                <button>+</button>
                                <button>-</button>
                                <span id='addCart'>加入购物车</span>
                            </div>
                            <div class="shop-introduce">
                                <span>简<i></i>介</span>
                                <span>{{title}}</span>
                            </div>
                        </div>
                    </div>
                    <div class="main-section-min">
                        {{each photo xx index}}
                        <ul id="smallZoom">
                            <li class="ac">
                                <a href="javascript:;" data-image={{xx.url}}>
                                    <img src={{xx.url}}>
                                </a>

                            </li>
                        </ul>
                        {{/each}}
                    </div>
            </script>
            </div>
        </div>
        <div class="footer"></div>
        <script src="/libs/require/require.min.js" data-main="/js/modules/detail"></script>
</body>

</html>